<button class="btn btn-primary" (click)="click$.next()">Refresh</button>

<label for="auto">
  <input id="auto" type="checkbox" ngModel (ngModelChange)="change$.next(!!$event)" class="ml-4" />
</label>

@for (user of view$ | async; track $index) {
  <section>
    <hr />
    <h3 class="mb-0 mt-4">index - {{ user.index }}</h3>
    <div>Name: {{ user.first }} {{ user.last }}</div>
    <div>Address: {{ user.address }}</div>
    <div>Balance: {{ user.balance }}</div>
    <div>Email: {{ user.email }}</div>
  </section>
}